<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>中国铁路12306</title>
    <link rel="stylesheet" href="./lib/reset/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/login.css">
</head>

<body>

    <!-- 1.头部 -->
    <div class="topnav">
        <!-- 1.1版心 -->
        <div class="container clearfix">
            <!-- 1.1.1logo -->
            <div class="logo">
                <img src="./img/login-img/logo.png" alt="">
            </div>
            <!-- 1..12字 -->
            <div class="word">
                <span>欢迎登录12306</span>
            </div>
        </div>
    </div>

    <!-- 2.内容 -->
    <div class="banner">
        <div class="picture">
            <a href="">
                <img src="./upload/login-upload/banner-login.jpg" alt="">
            </a>
        </div>
        <!-- 2.1版心 -->
        <div class="container clearfix">
            <div class="middle">
                <div class="banner-middle-top">
                    <div class="one">
                        <span>扫码登录</span>
                    </div>
                    <div class="two">
                        <span>账号登录</span>
                    </div>
                </div>
                <div class="banner-middle-middle">
                    <div class="picture1">
                        <img src="./upload/login-upload/erweima.png" alt="">
                    </div>
                    <div class="one">
                        <span>打开<s>12306手机APP</s>扫描二维码</span>
                    </div>
                    <div class="two">
                        <a href="">
                            <span>注册12306账号</span>
                        </a>
                    </div>
                </div>
                <div class="banner-middle2">
                    <div class="first">
                        <i class="iconfont">&#xe772;</i>
                        <span>扫一扫登录</span>
                    </div>
                    <div class="second">
                        <i class="iconfont">&#xe60d;</i>
                        <span>更快</span>
                    </div>
                    <div class="third">
                        <i class="iconfont">&#xe6b0;</i>
                        <span>更安全</span>
                    </div>
                </div>
                <hr>
                <div class="banner-moddle-bottom">
                    <div class="word">
                        <span>
                            1、12306.cn网站每日06:00~23:00提供购票、改签、变更<br>
                            到站和退票等服务。<br>
                            2、在12306.cn网站购票、改签和退票须不晚于开车前25分<br>
                            钟；办理“变更到站”业务时，请不晚于开车前48小时。
                        </span>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <!-- 3.底部 -->
    <div class="footer">
        <div class="container clearfix">
            <div class="footer-left">
                <div class="footer-left-top">
                    <h2>友情链接</h2>
                </div>
                <div class="footer-left-bottom">
                    <a href="">
                        <img src="./upload/login-upload/01 (2).png" alt="">
                    </a>
                    <a href="">
                        <img src="./upload/login-upload/02(2).png" alt="">
                    </a>
                    <a href="">
                        <img src="./upload/login-upload/03(2).png" alt="">

                    </a>
                    <a href="">
                        <img src="./upload/login-upload/04(2).png" alt="">
                    </a>
                </div>
            </div>
            <div class="footer-right">
                <div class="footer-right-top">
                    <span class="one">中国铁路官方微信</span>
                    <span class="two">中国铁路官方微博</span>
                    <span class="three">12306公众号</span>
                    <span class="four">铁路12306</span>
                </div>
                <div class="footer-right-bottom">
                    <img src="./img/login-img/erweima01.png" alt="" class="one">
                    <img src="./img/login-img/erweima02.png" alt="" class="two">
                    <img src="./img/login-img/erweima03.png" alt="" class="three">
                    <img src="./img/login-img/erweima04.png" alt="" class="four">
                </div>
                <div class="zui">
                    <p>官方APP下载，目前铁路未授权
                        其他网站或APP开展类似服务内
                        容，敬请广大用户注意。</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 4.底部商标 -->
    <div class="brand">
        <div class="container">
            <div class="foot">
                <p>版权所有©2008-2019 中国铁道科学研究院集团有限公司</p>
                <p>京ICP备05020493号-4 | 京ICP证150437号</p>
            </div>

        </div>
    </div>


</body>

</html>